<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title></title>
</head>
<body>
  <div id="app" style="background:#eee;padding-bottom: 40px;">
  		<ui-form ref="forms">
  			<ui-form-item  title="下拉框" style="z-index: 2">
			  	<ui-select :options="selectData" size="bigger" name="select"></ui-select>
			  	<ui-select :options="selectData2" size="big" :readonly=false></ui-select>
			  	<ui-select :options="selectData3"></ui-select>
			  	<ui-select :options="selectData4" size="small"></ui-select>
			  	<ui-select :options="selectData5" size="mini"></ui-select>
		  	</ui-form-item>

			<ui-form-item title="单选项">
			  	<ui-radio-group name="abc" defaultdata="2">
				  	<ui-radio :defaultdata="1" ref="ref1">备选项</ui-radio>
				  	<ui-radio :defaultdata="2" ref="ref2">备选项2</ui-radio>
				  	<ui-radio :defaultdata="3" ref="ref3">备选项2</ui-radio>
				  	<ui-radio :defaultdata="4" ref="ref4">备选项2</ui-radio>
				  	<ui-radio :defaultdata="5" ref="ref5">备选项2</ui-radio>
			  	</ui-radio-group>
		  	</ui-form-item>

			<ui-form-item title="复选项">
			  	<ui-checkbox :defaultdata="6" name="abc1">备选项2</ui-checkbox>
			  	<ui-checkbox :defaultdata="7">备选项2</ui-checkbox>
			  	<ui-checkbox :defaultdata="8" :isswitchbtn="true" :checked="true" ></ui-checkbox>
			</ui-form-item>

			<ui-form-item title="按钮">
			  	<ui-btn size="mini">按钮</ui-btn>
			  	<ui-btn size="small">按钮</ui-btn>
			  	<ui-btn type="border" >按钮</ui-btn>
			  	<ui-btn size="big" :disabled="true">按钮</ui-btn>
			  	<ui-btn size="bigger" @click="$refs.alert.show()"><span class="pub-font18 font">&#xe651;</span> 打开弹窗</ui-btn>
			</ui-form-item>

		  	<ui-form-item title="输入框" style="z-index:5;">
			   	<ui-input placeholder="请输入" size="bigger" type="search" name="keys" :rules="{minlength:[2],maxlength:[5]}"></ui-input>
				<ui-input placeholder="请输入" size="big" type="search"></ui-input>
				<ui-input placeholder="请输入" size="small"  type="search"></ui-input>
			  	<ui-input placeholder="请输入" size="mini"  type="search"></ui-input>
				<ui-input placeholder="请输入" type="date" defaultdata="2017-10-20" name="date"></ui-input>
		  	</ui-form-item>


			<ui-form-item title="增减框" :issign="true" fieldwidth="200">
				<ui-input-num name="number"  :rules="{min:[2]}"></ui-input-num>
			</ui-form-item>


			<ui-form-item>
				<ui-paging></ui-paging>
			</ui-form-item>


			<ui-form-item title="上传文件">
				<ui-upfile></ui-upfile>
			</ui-form-item>


			<ui-form-item title="联动下拉框" style="z-index:5;">
				<ui-cascader name="cascader"></ui-cascader>
			</ui-form-item>


			<ui-form-item title="评分">
				<ui-grade name="grade"></ui-grade>
			</ui-form-item>


			<ui-form-item>
				<ui-btn @click="submit">提交</ui-btn>
			</ui-form-item>

		</ui-form>
		<ui-alert title="标题" @enter="alert(45)" ref="alert">测试数据</ui-alert>
		<ui-dialog :isshow="false">
			<div style="background:red;height:100%;"></div>
		</ui-dialog>
	  	<ui-imgshow style="margin-bottom: 20px;"></ui-imgshow>
	  	<ui-carousel style="width:1000px;"></ui-carousel>
  </div>
</body>
</html>
